﻿@{
    Layout = "~/Views/_LayoutPage1.cshtml";
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title></title>
    <style>
        .my-reservation .status-list .status-item {
            width:33%
        }

        .spanclass {
            border-bottom: 2px solid rgb(118, 172, 248); color: rgb(118, 172, 248);
        }
    </style>
</head>
<body>
    <div class="loading-mask" id="isloading" style="display:none">
        <div class="loading-wrapper">
            <div class="loading-icon loading">
            </div><div class="loading-msg">加载中...</div>
        </div>
    </div>
    <div class="page-reservation page wait" id="root">
    <div data-reactroot="">
        <div class="my-reservation">
        <div class="status-list">
            <div class="status-item">
                <span class="spanclass">全部</span>
            </div>
            <div class="status-item">
                <span>待取号</span>
            </div>
            <div class="status-item">
                <span>其他</span>
            </div>
          
        </div>
        <div id="allshow" style="padding-top: 55px; background-color: rgb(240, 240, 240);">
            @if (ViewBag.all.Count > 0)
            {
                for (int i = 0; i < ViewBag.all.Count; i++)
                {
                    <a onclick="isloading()" href="/Yygh/YyDetail?hyid=@ViewBag.all[i].HYID&pzhm=@ViewBag.all[i].PZHM">
                        <div class="panel g-space">
                            <div class="panel-title" style="border: none;">
                                <span class="reservation-item-corp-info">
                                    <span class="reg-text">约</span><span class="corp-name">
                                        浙中医大二院<span></span>
                                    </span>
                                </span>
                                <span class="panel-extra txt-info" style="line-height: 20px;">@ViewBag.all[i].YYBZ</span>
                            </div><div class="panel-msg" style="background-color: rgb(249, 249, 249); line-height: 1.7; border: none;">
                                <p class="reservation-pannel-no-letter"><span>就诊人:</span>@ViewBag.all[i].BRXM</p><p class="reservation-panel-item"><span>科室:</span>@ViewBag.all[i].KSMC</p><p class="reservation-panel-item">
                                    <span>医生:</span>@ViewBag.all[i].YGXM ￥@ViewBag.all[i].GHF
                                </p><p class="reservation-panel-item"><span>时间:</span>@ViewBag.all[i].YYRQ @ViewBag.all[i].ZBLB</p>
                            </div>
                        </div>
                    </a>
                }
            }
           
          
        </div>
            <div id="wqh" style="padding-top: 55px; background-color: rgb(240, 240, 240); display:none">
                @if (ViewBag.wqh.Count > 0)
                {
                    for (int i = 0; i < ViewBag.wqh.Count; i++)
                    {
                        <a href="/Yygh/YyDetail?hyid=@ViewBag.wqh[i].HYID&pzhm=@ViewBag.wqh[i].PZHM">
                            <div class="panel g-space">
                                <div class="panel-title" style="border: none;">
                                    <span class="reservation-item-corp-info">
                                        <span class="reg-text">约</span><span class="corp-name">
                                            浙中医大二院<span></span>
                                        </span>
                                    </span>
                                    <span class="panel-extra txt-info" style="line-height: 20px;">@ViewBag.wqh[i].YYBZ</span>
                                </div><div class="panel-msg" style="background-color: rgb(249, 249, 249); line-height: 1.7; border: none;">
                                    <p class="reservation-pannel-no-letter"><span>就诊人:</span>@ViewBag.wqh[i].BRXM</p><p class="reservation-panel-item"><span>科室:</span>@ViewBag.wqh[i].KSMC</p><p class="reservation-panel-item">
                                        <span>医生:</span>@ViewBag.wqh[i].YGXM ￥@ViewBag.wqh[i].GHF
                                    </p><p class="reservation-panel-item"><span>时间:</span>@ViewBag.wqh[i].YYRQ @ViewBag.wqh[i].ZBLB</p>
                                </div>
                            </div>
                        </a>
                    }
                }


            </div>
            <div id="qt" style="padding-top: 55px; background-color: rgb(240, 240, 240); display:none">
                @if (ViewBag.qt.Count > 0)
                {
                    for (int i = 0; i < ViewBag.qt.Count; i++)
                    {
                        <a href="/Yygh/YyDetail?hyid=@ViewBag.qt[i].HYID&pzhm=@ViewBag.qt[i].PZHM">
                            <div class="panel g-space">
                                <div class="panel-title" style="border: none;">
                                    <span class="reservation-item-corp-info">
                                        <span class="reg-text">约</span><span class="corp-name">
                                            浙中医大二院<span></span>
                                        </span>
                                    </span>
                                    <span class="panel-extra txt-info" style="line-height: 20px;">@ViewBag.qt[i].YYBZ</span>
                                </div><div class="panel-msg" style="background-color: rgb(249, 249, 249); line-height: 1.7; border: none;">
                                    <p class="reservation-pannel-no-letter"><span>就诊人:</span>@ViewBag.qt[i].BRXM</p><p class="reservation-panel-item"><span>科室:</span>@ViewBag.qt[i].KSMC</p><p class="reservation-panel-item">
                                        <span>医生:</span>@ViewBag.qt[i].YGXM ￥@ViewBag.qt[i].GHF
                                    </p><p class="reservation-panel-item"><span>时间:</span>@ViewBag.qt[i].YYRQ @ViewBag.qt[i].ZBLB</p>
                                </div>
                            </div>
                        </a>
                    }
                }


            </div>
        </div>
        </div>
    </div>

    <script>
     
        $(".status-item span").mousedown(function () {
            $(this).addClass("spanclass")
            $(".status-item span").not(this).removeClass("spanclass")

            if ($(this).text() == "全部") {
                $("#allshow").show();
                $("#wqh").hide();
                $("#qt").hide();
            } else if ($(this).text() == "待取号") {
                $("#allshow").hide();
                $("#wqh").show();
                $("#qt").hide();

            } else if ($(this).text() == "其他") {
                $("#allshow").hide();
                $("#wqh").hide();
                $("#qt").show();
            }
        })

        function isloading() {
            $("#isloading").show();
        }

    </script>
</body>
</html>
